<template>
  <div id="app">
    <slot-demo>
      <p>default slot 默认插槽</p>
      <!-- 具名插槽 -->
      <template v-slot:title>
        <p>title slot</p>
      </template>
      <!-- 作用域插槽 -->
      <template v-slot:item="props">
        <p>
          slot-scope {{props}}
        </p>
      </template>
    </slot-demo>
  </div>
</template>

<script>
import SlotDemo from './components/SlotDemo.vue'
export default {
  name: 'App',
  components: {
    SlotDemo
  },
  data() {
    return {
     
    }
  },
  methods: {
  
  }
}
</script>